<ng-template ngFor let-menu [ngForOf]="menus">
  <ng-template [ngIf]="menu.isEnable == '1' && menu.isDisplay == '1' " >
    <li>
      <ng-template [ngIf]="menu.isExistUrl == '1'">
        <a *ngIf="menu.isExternal == '1'"  [href]="menu.url || ''" [target]=" menu.isBlank == '1' ? '_blank' : '_self'">
          <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
          <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
          <span>{{menu.name}}</span>
          <span class="pull-right-container" *ngIf="menu.children">
           <i class="fa fa-angle-left pull-right"></i>
         </span>
        </a>
        <a *ngIf="menu.isExternal != '1'"  [routerLink]="menu.url ? [menu.url,{mid:menu.id}] : ''" [target]=" menu.isBlank == '1' ? '_blank' : '_self'">
          <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
          <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
          <span>{{menu.name}}</span>
          <span class="pull-right-container" *ngIf="menu.children">
           <i class="fa fa-angle-left pull-right"></i>
         </span>
        </a>
      </ng-template>

      <ng-template [ngIf]="menu.isExistUrl != '1'">
        <a>
          <!--<i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>-->
          <i [class]="menu.cssName ? menu.cssName : 'fa fa-circle-o'"></i>
          <span>{{menu.name}}</span>
          <span class="pull-right-container" *ngIf="menu.children">
          <i class="fa fa-angle-left pull-right"></i>
         </span>
        </a>
      </ng-template>
      <ul class="treeview-menu" *ngIf="menu.children" id="one-admin-menu" [menus]="menu.children">
      </ul>
    </li>
  </ng-template>
</ng-template>
